<template>
	<view class="pageBg">
		<view class="content">
			<image class="success" src="/static/images/my/success.png" mode=""></image>
			<view class="box">
				<view class="title">恭喜您，添加名片成功</view>
				<view class="subtitle">我们将在1至2个工作日内联系您，请保持电话畅通</view>
			</view>
		</view>
		<view class="btn" @click="backFn">
			返回首页
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		},
		methods:{
			backFn(){
				uni.reLaunch({
					url:"/pages/index/index"
				})
			}
		}
	};
</script>

<style lang="scss" scoped>
	.content{
		margin-top: 200rpx;
		position: relative;
		.success{
			width: 120rpx;
			height: 120rpx;
			margin: 0 auto;
			left: 0;
			right: 0;
			top: -60rpx;
			position: absolute;
		}
		.box{
			width: 690rpx;
			height: 200rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			margin: 0 auto;
			overflow: hidden;
			text-align: center;
			.title{
				margin-top: 98rpx;
				font-weight: bold;
				font-size: $uni-font-size-15;
				color: #000000;
			}
			.subtitle{
				font-size: $uni-font-size-12;
				color: #999999;
				margin-top: 10rpx;
			}
		}
	}
	.btn{
		width: 200rpx;
		height: 80rpx;
		background: $price-color;
		border-radius: 50rpx ;
		font-size: $uni-font-size-14;
		color: #FFFFFF;
		line-height: 80rpx;
		text-align: center;
		margin: 30rpx auto;
	}
</style>
